html article,
html aside,
html audio,
html body,
html dd,
html div,
html dl,
html footer,
html form,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html header,
html iframe,
html input,
html label,
html nav,
html ol,
html p,
html section,
html select,
html td,
html textarea,
html th,
html time,
html ul,
html video {
    margin: 0;
    padding: 0
}

html article,
html aside,
html audio,
html canvas,
html footer,
html header,
html nav,
html section,
html video {
    display: block
}

html body {
    font: 14px/1.5 '-apple-system', BlinkMacSystemFont, Roboto, Ubuntu, "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif;
    background: #f5f5f5
}

html em,
html i,
html sub,
html sup {
    font-style: normal
}

html textarea {
    resize: none;
    outline: 0
}

html input {
    outline: 0
}

html button,
html input {
    -webkit-appearance: none
}

html iframe,
html img {
    border: 0
}

html li,
html ol,
html ul {
    list-style: none
}

html a {
    text-decoration: none;
    outline: 0;
    list-style-type: none;
    color: #333
}

html h1,
html h2,
html h3,
html strong {
    font-weight: 400
}

html .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

html .clearfix {
    zoom: 1
}

html sub,
html sup {
    vertical-align: baseline
}

.header_box {
    position: fixed;
    height: 80px;
    background: #000;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99
}

.header_box .header {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto
}

.header_box .header>a,
.header_box .header>a img {
    width: 173.5px;
    float: left;
   
}

.header_box .header>a {
    margin-top: 15px
}

.header_box .header span {
    margin-left: 30px;
    height: 80px;
    line-height: 80px;
    display: block;
    float: left
}

.header_box .header span a {
    margin-right: 45px;
    float: left;
    position: relative;
    font-size: 16px;
    color: #fff
}

.header_box .header span a.btn,
.header_box .header span a:hover {
    -webkit-transition: .1s;
    transition: .1s
}

.header_box .header span a.btn:after,
.header_box .header span a:hover:after {
    content: "";
    position: absolute;
    height: 2px;
    background: #ffd400;
    width: 100%;
    left: 0;
    bottom: 20px;
    -webkit-transition: .1s;
    transition: .1s
}

.header_box .header .search {
    display: block;
    float: right;
    position: relative;
    margin-top: 20px
}

.footerBox .footer span a:last-child:after,
.footerBox .footer span p:last-child:after,
.footerBox .footer span p:nth-child(3):after {
    margin: 0;
    content: ""
}

.header_box .header .search input {
    -webkit-transition: .3s;
    transition: .3s;
    width: 260px;
    height: 40px;
    border: 0;
    background: #303030;
    border-radius: 50px;
    text-indent: 20px;
    font-size: 14px;
    color: #fff
}

.header_box .header .search ::-webkit-input-placeholder {
    color: #bbb
}

.header_box .header .search :-moz-placeholder {
    color: #bbb
}

.header_box .header .search ::-moz-placeholder {
    color: #bbb
}

.header_box .header .search :-ms-input-placeholder {
    color: #bbb
}

.header_box .header .search button {
    -webkit-transition: .3s;
    transition: .3s;
    float: right;
    background: 0 0;
    border: 0;
    outline: 0;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 10px;
    padding: 0;
    margin: 0;
    color: #ffd400;
    font-size: 24px;
}

/*.header_box .header .search  .icon-sousuoanniu {*/
/*    font-size: 24px;*/
/*    -webkit-transition: .3s;*/
/*    transition: .3s;*/
/*    color: #ffd400;*/
/*    display: inline-block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    margin-right: 15px;*/
/*    position: relative;*/
/*    top: -2px*/
/*}*/

.header_box .header .search.small {
    display: block!important
}

.header_box .header .search.small input {
    width: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.header_box.gokLogo .header>a,
.header_box.gokLogo .header>a img {
    width: 210px;
    height: 48px;
    float: left
}

.header_box .header .search.small button {
    top: 4px;
    -webkit-transition: .3s;
    transition: .3s
}

.header_box .header .search.small button .icon-sousuoanniu {
    font-size: 30px;
    -webkit-transition: .3s;
    transition: .3s
}

.header_box .header .search.indexHeader {}

.header_box.gokLogo .header>a {
    margin-top: 15px
}

.indexBanner,
.indexBanner>p,
.indexBanner>strong {
    width: 100%;
    text-align: center
}

.header_box.gokLogo .header span {
    margin-left: 200px
}

.indexBanner {
    background: url(../img/banne.png);
    background-size: 100% 580px;
    height: 580px;
    margin-top: 80px;
    margin-bottom: 50px;
    color: #fff;
}

.indexBanner>p {
    line-height: 56px;
    font-size: 56px;
    float: left;
    color: #fff;
    margin-top: 127px;
    letter-spacing: 10px;
    font-weight: 700
}

.indexBanner>strong {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 10px;
    float: left;
    margin-top: 24px
}

.indexBanner .searchBox form {
    display: inline-block;
    text-align: center;
    width: 780px;
    margin-top: 60px;
    border-radius: 3px;
    overflow: hidden;
    position: relative
}

.indexBanner .searchBox form input {
    width: 100%;
    height: 66px;
    float: left;
    border: 0;
    background: rgba(238, 238, 238, .9);
    font-size: 18px;
    text-indent: 20px;
    color: #333
}

.indexBanner .searchBox form ::-webkit-input-placeholder {
    color: #999
}

.indexBanner .searchBox form :-moz-placeholder {
    color: #999
}

.indexBanner .searchBox form ::-moz-placeholder {
    color: #999
}

.indexBanner .searchBox form :-ms-input-placeholder {
    color: #999
}

.indexBanner .searchBox form button {
    position: absolute;
    background: #ffd400;
    right: 0;
    border: 0;
    outline: 0;
    cursor: pointer;
    width: 66px;
    height: 66px
}

.indexBanner .searchBox form button .icon-sousuoanniu {
    color: #000;
    font-size: 34px
}

.indexBanner .hotSearch span {
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    position: relative
}

.indexBanner .hotSearch span a,
.indexBanner .hotSearch span p {
    float: left;
    color: #bbb;
    font-size: 12px;
    margin-right: 10px
}

.indexBanner .bannerData {
    display: inline-block;
    text-align: center;
    width: 575px;
    height: 104px;
    position: relative;
    border: 1px solid rgba(205, 178, 185, .2);
    margin-top: 40px
}

.indexBanner .bannerData span {
    float: left;
    width: 33.2%;
    text-align: center;
    color: #fff;
    border-right: 1px solid rgba(205, 178, 185, .2);
    margin-top: 26px
}

.indexBanner .bannerData span p {
    font-size: 30px;
    line-height: 30px
}

.indexBanner .bannerData span p em {
    font-size: 14px;
    line-height: 14px
}

.indexBanner .bannerData span strong {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    margin-top: 10px;
    opacity: .6
}

.indexBanner .bannerData span:last-child {
    border-right: 0
}

.indexBanner .cooperation {
    float: left;
    width: 100%;
    margin-top: 60px;
    display: inline-block;
    text-align: center
}

.indexBanner .cooperation p {
    font-size: 18px;
    color: #fff;
    line-height: 18px;
    position: relative;
    width: 80px;
    display: inline-block
}

.indexBanner .cooperation p:after,
.indexBanner .cooperation p:before {
    content: '';
    width: 50px;
    height: 1px;
    background: rgba(255, 255, 255, .2);
    top: 10px;
    position: absolute
}

.indexBanner .cooperation p:before {
    left: -65px
}

.indexBanner .cooperation p:after {
    right: -65px
}

.indexBanner .contact {
    float: left;
    width: 100%;
    line-height: 14px;
    margin-top: 20px;
    display: inline-block;
    text-align: center
}

.indexBanner .contact p,
.list a div p {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox
}

.indexBanner .contact p {
    color: #fff;
    font-size: 14px;
    display: inline-flex;
    margin-right: 25px;
    opacity: .6
}

.indexBanner .contact p:last-child {
    margin-right: 0
}

.indexBanner.none {
    display: none
}

.sTitle {
    overflow: hidden
}

.sTitle p {
    float: left;
    font-size: 28px;
    color: #333;
    font-weight: 700;
    line-height: 32px
}

.sTitle span,
.sTitle>a {
    float: right;
    line-height: 32px
}

.sTitle span {
    height: 32px;
    font-size: 0
}

.sTitle span a {
    font-size: 14px;
    color: #999;
    width: 60px;
    height: 32px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    -webkit-transition: .1s;
    transition: .1s;
    margin-left: 35px
}

.sTitle span a.btn {
    background: #ffd400;
    color: #000;
    -webkit-transition: .1s;
    transition: .1s
}

.sTitle span a:hover {
    color: #000;
    -webkit-transition: .1s;
    transition: .1s
}

.sTitle span a:last-child {
    width: auto
}

.sTitle span a:last-child:hover {
    background: 0 0;
    color: #000
}

.sTitle>a {
    font-size: 14px;
    color: #999;
    -webkit-transition: .1s;
    transition: .1s
}

.sTitle>a:hover {
    color: #000;
    -webkit-transition: .1s;
    transition: .1s
}

.works {
    margin: 100px auto 30px;
    width: 1200px;
    overflow: hidden
}

.works.mt30 {
    margin-top: 30px
}

.works .worksTab {
    float: left;
    width: 100%;
    margin-top: 30px
}

.column {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden
}

.column .sTitle {
    margin-top: 30px
}

.column .columnList {
    float: left;
    width: 100%;
    margin-top: 30px
}

.column .columnList a,
.column .columnList a img {
    width: 386px;
    float: left;
    height: 217px
}

.column .columnList a {
    margin-right: 20px
}

.column .columnList a:last-child {
    margin-right: 0
}

.list {
    float: left;
    width: 100%
}

.list a,
.list a div,
.list a div img {
    width: 386px;
    float: left
}

.list a {
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    margin: 0 20px 20px 0
}

.list a div {
    position: relative;
    height: 217px
}

.list a div img {
    height: 217px
}

.list a div strong {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.list a div strong sub,
.list a div strong sup {
    left: 0;
    width: 100%;
    height: 113px;
    position: absolute
}

.list a div strong sub {
    top: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .25)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .25))
}

.list a div strong sup {
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .25)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0))
}

.list a div p {
    position: absolute;
    width: 46px;
    height: 29px;
    border: 2px solid #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 24px;
    left: 168px;
    top: 92px;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 2;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list a div p i {
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin-left: 4px
}

.list a div>em {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    z-index: 9
}

.list a>p {
    float: left;
    width: 356px;
    font-size: 16px;
    color: #333;
    margin: 15px 15px 10px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list a>p em {
    color: #ffba00;
    margin-right: 5px
}

.list a span.give {
    font-size: 12px;
    color: #999;
    float: left;
    width: 356px;
    margin: 5px 15px 15px;
    line-height: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list a span.give em {
    margin-right: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.list a span.give em i {
    margin-right: 5px;
    font-size: 14px
}

.list a span.give em:last-child i {
    font-size: 12px
}

.list a span.give em:last-child i.icon-eyes-o {
    font-size: 14px!important
}

.list a span.user {
    float: left;
    width: 100%;
    height: 60px;
    border-top: 1px solid #eee
}

.list a span.user em {
    width: 28px;
    height: 28px;
    border: 1px solid #eee;
    border-radius: 50%;
    float: left;
    margin: 15px 0 0 15px;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.list a span.user em img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.list a span.user p {
    float: left;
    color: #999;
    font-size: 14px;
    line-height: 60px;
    margin-left: 10px
}

.list a span.user strong {
    float: right;
    color: #999;
    font-size: 12px;
    line-height: 60px;
    margin-right: 15px
}

.list a:hover {
    -webkit-box-shadow: 2px 2px 7px rgba(51, 51, 51, .3);
    box-shadow: 2px 2px 7px rgba(51, 51, 51, .3)
}

.list a:hover div strong {
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s
}

.list a:hover div p {
    background: #ffd400;
    border: 2px solid #ffd400;
    line-height: 24px;
    -webkit-transition: .3s;
    transition: .3s
}

.list a:hover div p i {
    color: #000
}

.list a:nth-child(3n) {
    margin-right: 0
}

.footerBox {
    float: left;
    width: 100%;
    overflow: hidden;
    background: #282828;
    margin-top: 50px
}

.footerBox.white {
    background: 0 0
}

.footerBox .footer {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden
}

.footerBox .footer>p {
    float: left;
    font-size: 16px;
    color: #666;
    margin-top: 50px;
    line-height: 16px;
    margin-bottom: 30px
}

.footerBox .footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px
}

.footerBox .footer ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footerBox .footer ul li a {
    float: left;
    width: 60px
}

.footerBox .footer ul li a img {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 10px
}

.footerBox .footer ul li a em {
    float: left;
    text-align: center;
    width: 60px;
    color: #666;
    font-size: 12px;
    margin-top: 10px;
    line-height: 12px
}

.footerBox .footer dl {
    float: left;
    width: 100%;
    border-top: 1px solid #666;
    padding: 20px 0
}

.footerBox .footer dl dt {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #666
}

.footerBox .footer dl dd {
    float: left;
    width: 100%;
    margin-top: 10px
}

.footerBox .footer dl dd a {
    float: left;
    width: 12.5%;
    font-size: 14px;
    color: #666
}

.footerBox .footer span {
    float: left;
    width: 100%;
    border-top: 1px solid #666;
    padding-top: 15px;
    text-align: center;
    margin-bottom: 35px
}

.footerBox .footer span a,
.footerBox .footer span p {
    font-size: 12px;
    color: #666;
    display: inline-block;
    margin-bottom: 10px
}

.footerBox .footer span a:after,
.footerBox .footer span p:after {
    content: "|";
    margin: 0 50px
}

.footerBox .footer span a i,
.footerBox .footer span p i {
    background: url(../img/icon-police.png) no-repeat;
    width: 14px;
    height: 16px;
    background-size: 14px 16px;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 4px
}

.footerBox .footer span:first-child {
    border-top: 0
}

.navBox {
    float: left;
    width: 100%;
    margin-top: 80px;
    height: 74px;
    background: #fff;
    margin-bottom: 30px
}

.navBox .nav {
    margin: 0 auto;
    width: 1200px
}

.navBox .nav a {
    display: inline-block;
    height: 32px;
    margin-top: 20px;
    padding: 0 14px;
    font-size: 14px;
    color: #999;
    line-height: 32px;
    border-radius: 50px;
    margin-right: 10px
}

.navBox .nav a.btn {
    background: #ffd400;
    color: #000
}

.navBox .nav a:hover {
    color: #000
}

.titleBox {
    width: 100%;
    background: #fff;
    overflow: hidden
}

.titleBox .title {
    width: 1200px;
    margin: 35px auto 0;
    overflow: hidden;
    padding-bottom: 45px
}

.titleBox .title .video_data {
    float: left;
    width: 100%;
    height: 32px;
    background: #fff;
    position: relative;

    margin-top: 80px;
    margin-bottom: 30px
}

.titleBox .title .video_data>h1 {
    font-size: 32px;
    color: #333;
    float: left;
    width: 830px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    line-height: 32px
}

.titleBox .title .video_data p {
    height: 32px;
    line-height: 32px;
    padding-right: 20px;
    color: #999;
    font-size: 14px;
    margin-right: 20px;
    cursor: pointer
}

.titleBox .title .video_data p i {
    float: left;
    font-size: 18px;
    color: #999;
    margin-right: 5px
}

.titleBox .title .video_data .code {
    display: none;
    width: 200px;
    position: absolute;
    bottom: -220px;
    right: 210px;
    z-index: 9;
    background: #fff;
    border: 1px solid #eee;
    padding: 10px
}

.titleBox .title .video_data .code strong {
    float: left;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 12px;
    margin-top: 10px
}

.titleBox .title .video_data span {
    float: right;
    margin-right: 45px;
}

.titleBox .title .video_data span p {
    padding-right: 0;
    float: left;
    margin-right: 0
}

.titleBox .title .video_data span strong {
    float: left;
    margin-top: 5px
}

.titleBox .title .video_data span strong em {
    float: left;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer
}

.titleBox .title .video_data span strong em:first-child {
    background: url(../img/sina.svg) no-repeat;
    background-size: 24px 24px
}

.titleBox .title .video_data span strong em:first-child:hover {
    background-size: 24px 24px
}

.titleBox .title .video_data span strong em:nth-child(2) {
    background-size: 24px 24px
}

.titleBox .title .video_data span strong em:nth-child(2):hover {
    background-size: 24px 24px
}

.titleBox .title .video_data span strong em:nth-child(3) {
    background: url(../img/douban.svg) no-repeat;
    background-size: 24px 24px
}

.titleBox .title .video_data span strong em:nth-child(3):hover {
    background: url(../img/doubanHover.svg) no-repeat;
    background-size: 24px 24px
}

.video_information{
        
    padding-bottom: 30px;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}
.video_information span{
    
    margin:0 20px;
}

.titleBox .title .titleLeft {
    float: left;
    width: 880px;
    border-right: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 145px
}

.titleBox .title .titleLeft>p {
    font-size: 32px;
    color: #333;
    float: left;
    width: 96%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    line-height: 32px;
    margin-top: 5px
}

.titleBox .title .titleLeft .titleHeader {
    float: left;
    width: 100%;
    height: 30px;
    margin-top: 20px
}

.titleBox .title .titleLeft .titleHeader .titleHeaderLeft {
    float: left
}

.titleBox .title .titleLeft .titleHeader .titleHeaderLeft em {
    float: left;
    width: 30px;
    height: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #f2f2f2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.titleBox .title .titleLeft .titleHeader .titleHeaderLeft em img {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px
}

.titleBox .title .titleLeft .titleHeader .titleHeaderLeft p {
    float: left;
    color: #333;
    font-size: 14px;
    line-height: 30px;
    margin-left: 10px
}

.titleBox .title .titleLeft .titleHeader .titleHeaderLeft strong {
    float: left;
    color: #4c7aad;
    font-size: 14px;
    line-height: 30px;
    margin-left: 10px
}

.titleBox .title .titleLeft .titleHeader .titleHeaderRight {
    float: right;
    line-height: 30px
}

.titleBox .title .titleLeft .titleHeader .titleHeaderRight span {
    float: right
}

.titleBox .title .titleLeft .titleHeader .titleHeaderRight span em {
    font-size: 14px;
    color: #bbb;
    float: left;
    cursor: pointer
}

.titleBox .title .titleLeft .titleHeader .titleHeaderRight span em i {
    float: left;
    margin-right: 5px
}

.titleBox .title .titleLeft .titleHeader .titleHeaderRight span em:after {
    content: "|";
    margin: 0 25px
}

.titleBox .title .titleLeft .titleHeader .titleHeaderRight span em:last-child:after {
    content: "";
    margin-right: 30px
}

.titleBox .title .titleLeft .titleHeader .titleHeaderRight span em.btn,
.titleBox .title .titleLeft .titleHeader .titleHeaderRight span em.btn i {
    color: #ffd400!important
}

.titleBox .title .titleLeft .titleHeader .titleIntroduction {
    float: left;
    width: 96%;
    margin-top: 10px;
    /*height: 78px;*/
    /*overflow-x: hidden;*/
    /*overflow-y: scroll*/
}

.titleBox .title .titleLeft .titleHeader .titleIntroduction p {
    float: left;
    width: 98%;
    font-size: 14px;
    color: #999;
    line-height: 26px
}

.titleBox .title .titleLeft .titleHeader .titleIntroduction::-webkit-scrollbar {
    width: 2px
}

.titleBox .title .titleLeft .titleHeader .titleIntroduction::-webkit-scrollbar-track {
    -webkit-box-shadow: inset006pxrgba(238, 238, 238, 1);
    border-radius: 10px
}

.titleBox .title .titleLeft .titleHeader .titleIntroduction::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #bbb;
    -webkit-box-shadow: inset006pxrgba(238, 238, 238, 1)
}

.titleBox .title .titleLeft .titleHeader .titleIntroduction::-webkit-scrollbar-thumb:window-inactive {
    background: #eee
}

.titleBox .title .titleRight {
    float: left;
    width: 320px;
    height: 145px
}

.titleBox .title .titleRight em {
    display: inline-block;
    float: left;
    width: 70px;
    height: 70px;
    margin: 35px 10px 0 30px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.titleBox .title .titleRight em img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.titleBox .title .titleRight span {
    float: left;
    margin-top: 35px;
    width: 110px
}

.titleBox .title .titleRight span p,
.titleBox .title .titleRight span strong {
    float: left;
    width: 100%;
    margin-top: 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.titleBox .title .titleRight span p {
    font-size: 16px;
    color: #333;
    line-height: 16px;
    overflow: hidden
}

.titleBox .title .titleRight span strong {
    font-size: 14px;
    color: #999;
    line-height: 14px;
    overflow: hidden
}

.titleBox .title .titleRight a {
    width: 100px;
    height: 36px;
    display: inline-block;
    float: right;
    background: #ffd400;
    margin-top: 48px;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 36px;
    -webkit-transition: .1s;
    transition: .1s
}

.titleBox .title .titleRight a:hover {
    background: #ffe669;
    -webkit-transition: .1s;
    transition: .1s
}

.titleBox .title .titleRightGame {
    float: left;
    width: 320px;
    height: 145px
}

.titleBox .title .titleRightGame span:first-child {
    float: left;
    width: 120px
}

.titleBox .title .titleRightGame span:first-child em {
    display: inline-block;
    float: left;
    width: 90px;
    height: 90px;
    margin: 15px 0 0 30px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.titleBox .title .titleRightGame span:first-child em img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.titleBox .title .titleRightGame span:first-child p {
    font-size: 16px;
    color: #333;
    text-align: center;
    float: left;
    margin-left: 30px;
    width: 90px;
    line-height: 16px;
    margin-top: 10px
}

.titleBox .title .titleRightGame span:nth-child(2) {
    float: left;
    margin-top: 25px;
    margin-left: 35px;
    width: 100px
}

.titleBox .title .titleRightGame span:nth-child(2) a:first-child {
    height: 36px;
    display: inline-block;
    float: right;
    background: #ffd400;
    margin-top: 0;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 36px;
    -webkit-transition: .1s;
    transition: .1s;
    width: 100%
}

.titleBox .title .titleRightGame span:nth-child(2) a:last-child,
.titleBox .title .titleRightGame span:nth-child(2) p {
    color: #999;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    float: left;
    text-align: center
}

.titleBox .title .titleRightGame span:nth-child(2) a:first-child:hover {
    background: #ffe669;
    -webkit-transition: .1s;
    transition: .1s
}

.titleBox .title .titleRightGame span:nth-child(2) p {
    border-bottom: 1px solid #f3f3f3
}

.videoBox {
    width: 100%;
    background: #fff;
    padding-top: 30px;
}

.videoBox .video {
    width: 1200px;
    margin: 0 auto
}

.videoBox .video #example_video_1 {
    float: left;
    width: 880px;
    height: 495px
}

.videoBox .video .video_list {
    float: left;
    width: 320px;
    background: #333;
    height: 495px;
    overflow: hidden
}

.videoBox .video .video_list h2 {
    float: left;
    width: 100%;
    height: 55px;
    font-size: 16px;
    color: #fff;
    line-height: 55px;
    text-indent: 20px
}

.videoBox .video .video_list div {
    overflow-x: hidden;
    overflow-y: scroll;
    float: left;
    height: 440px;
    width: 100%
}

.videoBox .video .video_list div::-webkit-scrollbar {
    width: 12px
}

.videoBox .video .video_list div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, .3);
    border-radius: 10px
}

.videoBox .video .video_list div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, .5)
}

.videoBox .video .video_list div::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, .1)
}

.videoBox .video .video_list div span {
    float: left;
    width: 100%
}

.videoBox .video .video_list div span>a:first-child {
    float: left;
    width: 130px;
    height: 73px;
    position: relative;
    margin: 10px 10px 10px 20px
}

.videoBox .video .video_list div span>a:first-child img {
    position: absolute;
    width: 100%;
    height: 73px;
    left: 0;
    top: 0;
    background: #f8f8f8
}

.videoBox .video .video_list div span:first-child,
.videoBox .video .video_list div span:first-child:hover {
    background: #222
}

.videoBox .video .video_list div span>a:nth-child(2) {
    margin-top: 8px;
    color: #ddd;
    display: block;
    margin-right: 10px;
    font-size: 14px
}

.videoBox .video .video_list div span p {
    color: #999;
    font-size: 12px
}

.videoBox .video .video_list div span:first-child>a:nth-child(2) {
    color: #fff
}

.videoBox .video .video_list div span:hover {
    background: #404040
}

.videoBox .video .video_list div span:hover em {
    width: 130px;
    height: 73px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center
}

.videoBox .video .video_list div span:hover em i {
    display: inline-block;
    width: 40px;
    height: 26px;
    background: #ffd400;
    border-radius: 50px;
    margin-top: 25px;
    font-size: 14px;
    line-height: 26px;
    text-indent: 5px
}

.related {
    margin: 0 auto;
    width: 1200px
}

.page,
.page ul,
.page ul li a {
    float: left;
    width: 100%
}

.related .sTitle {
    margin: 30px 0
}

.related .sTitle p {
    font-size: 26px!important;
    line-height: 26px!important
}

.page ul,
.page ul li {
    height: 36px;
    line-height: 36px;
    display: inline-block
}

.page {
    padding: 30px 0 0;
    overflow: hidden
}

.page ul {
    font-size: 0;
    text-align: center
}

.page ul li {
    color: #ffd100;
    min-width: 36px;
    margin-right: 10px;
    font-size: 14px
}

.page ul li a {
    color: #aaa;
    height: 100%;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 36px;
    font-size: 16px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden
}

.page ul li a:hover,
.page ul li.btn a {
    border: 1px solid #ffd100;
    background-color: #ffd100;
    color: #333
}

.page ul li a:hover {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.page ul li a.no_bb {
    border: 0!important
}

.pageErr {
    width: 1200px;
    margin: 80px auto 0;
    overflow: hidden;
    text-align: center
}

.pageErr img {
    width: 889px;
    height: 479px;
    display: inline-block;
    margin-top: 60px
}

.pageErr a {
    display: inline-block;
    width: 340px;
    height: 60px;
    background: #ffd400;
    color: #000;
    font-size: 22px;
    line-height: 60px;
    border-radius: 50px;
    margin-top: 40px;
    margin-bottom: 60px;
    -webkit-transition: .1s;
    transition: .1s
}

.bannerBox,
.resultBox {
    width: 100%;
    float: left
}

.pageErr a:hover {
    background: #ffe669;
    -webkit-transition: .1s;
    transition: .1s
}

.bannerBox,
.mainBox,
.resultBox {
    background: #fff
}

.resultBox {
    margin-bottom: 30px
}

.resultBox .result {
    width: 1200px;
    margin: 80px auto 0;
    overflow: hidden;
    text-align: center;
    height: 73px
}

.resultBox .result p {
    float: left;
    height: 30px;
    border: 1px solid #bbb;
    margin: 20px 20px 0 0;
    padding: 0 20px;
    line-height: 30px;
    border-radius: 50px;
    font-size: 12px;
    color: #333
}

.resultBox .result p a {
    font-size: 10px;
    color: #333;
    -webkit-transform: scale(.7);
    display: inline-block;
    margin-left: 10px;
    cursor: pointer
}

.resultBox .result span {
    font-size: 14px;
    color: #333;
    float: left;
    line-height: 73px
}

.resultBox .result span em {
    color: #5a81aa;
    margin: 0 5px
}

.bannerBox {
    padding: 30px 0 40px;
    margin-top: 80px
}

.bannerBox .banner {
    width: 1200px;
    margin: 0 auto
}

.bannerBox .banner .swiper-container {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.bannerBox .banner .swiper-container .swiper-wrapper {
    height: 500px!important
}

.bannerBox .banner .swiper-container .swiper-slide a,
.bannerBox .banner .swiper-container .swiper-slide a img {
    width: 100%;
    height: 100%;
    float: left
}

.bannerBox .banner .swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    float: left
}

.bannerBox .banner .swiper-container .turnBox .swiper-button-prev {
    background-color: rgba(0, 0, 0, .4);
    background-size: 12px 22px;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    opacity: 1!important;
    -webkit-transition: .3s;
    transition: .3s
}

.bannerBox .banner .swiper-container .turnBox .swiper-button-prev:hover {
    background-color: rgba(0, 0, 0, .6);
    -webkit-transition: .3s;
    transition: .3s
}

.bannerBox .banner .swiper-container .turnBox .swiper-button-next {
    background-color: rgba(0, 0, 0, .4);
    background-size: 12px 22px;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    opacity: 1!important;
    -webkit-transition: .3s;
    transition: .3s
}

.bannerBox .banner .swiper-container .turnBox .swiper-button-next:hover {
    background-color: rgba(0, 0, 0, .6);
    -webkit-transition: .3s;
    transition: .3s
}

.bannerBox .banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
    background: #000;
    opacity: .3;
    height: 9px;
    width: 9px
}

.bannerBox .banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffd400;
    opacity: 1
}

.bannerBox .banner .swiper-container .turnBox {
    position: absolute;
    left: 0;
    top: 47%;
    width: 100%;
    height: 56px
}

.bannerBox .banner .swiper-container .turnBox .turn {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.bannerBox .banner .swiper-container .turnBox .turn .swiper-button-next,
.bannerBox .banner .swiper-container .turnBox .turn .swiper-button-prev {
    opacity: .2
}

.bannerBox .more {
    width: 1200px;
    margin: 0 auto
}

.bannerBox .more a {
    float: left;
    width: 228px;
    height: 116px;
    margin-top: 15px;
    position: relative;
    margin-right: 15px;
    border-radius: 5px;
    overflow: hidden
}

.bannerBox .more a img {
    float: left;
    width: 228px;
    height: 116px
}

.bannerBox .more a span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.bannerBox .more a span p {
    float: left;
    width: 100%;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    margin-top: 33px
}

.bannerBox .more a span strong {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 14px;
    margin-top: 10px
}

.bannerBox .more a.black img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.bannerBox .more a:last-child {
    margin-right: 0
}

.recomm {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden
}

.recomm h3 {
    height: 65px;
    line-height: 65px;
    float: left;
    width: 100%;
    margin-top: 20px
}

.mainBox {
    margin-top: 80px;
    width: 100%
}

.mainBox .main {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 60px
}

.mainBox .main .mainLeft {
    float: left;
    width: 830px;
    margin-top: 40px;
    margin-right: 50px
}

.mainBox .main .mainLeft .mainLeftTitle {
    float: left;
    width: 100%
}

.mainBox .main .mainLeft .mainLeftTitle h1 {
    float: left;
    width: 100%;
    font-size: 36px;
    color: #333;
    font-weight: 700
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf {
    float: left;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #e8e8e8;
    margin-top: 30px;
    padding-bottom: 20px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:first-child {
    float: left
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:first-child em {
    float: left;
    width: 48px;
    height: 48px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 50%
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:first-child em img {
    position: absolute;
    left: 0;
    top: 0;
    width: 48px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:first-child strong {
    float: left;
    height: 48px;
    margin-left: 15px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:first-child strong sub {
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 14px;
    margin-top: 4px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:first-child strong sup {
    float: left;
    font-size: 14px;
    color: #bbb;
    line-height: 14px;
    margin-top: 4px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child {
    float: right;
    height: 48px;
    line-height: 48px;
    position: relative
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child>em {
    font-size: 14px;
    color: #bbb;
    line-height: 51px;
    float: left
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child>em i {
    margin-right: 6px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child>em:first-child:after {
    content: '|';
    margin: 0 15px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child>em.phone {
    margin-left: 20px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    cursor: pointer;
    padding-right: 20px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child>em.phone i {
    font-size: 18px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .share {
    display: inline-block;
    float: left
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .share em {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
    margin-top: 11px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .share em:first-child {
    background-size: 24px 24px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .share em:first-child:hover {
    background-size: 24px 24px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .share em:nth-child(2) {
    background-size: 24px 24px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .share em:nth-child(2):hover {
    background-size: 24px 24px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .share em:nth-child(3) {
    background-size: 24px 24px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .share em:nth-child(3):hover {
    background-size: 24px 24px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .code {
    display: none;
    position: absolute;
    bottom: -240px;
    right: 150px;
    z-index: 9;
    background: #fff;
    border: 1px solid #eee;
    padding: 10px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf span:last-child .code>strong {
    float: left;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 12px;
    margin-top: 10px;
    height: 20px;
    line-height: 20px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf.ind span:first-child strong {
    margin-left: 0;
    line-height: 48px
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf.ind sub {
    line-height: 48px!important;
    margin-top: 0
}

.mainBox .main .mainLeft .mainLeftTitle .mainLeftTitleInf.ind sup {
    margin-left: 15px;
    line-height: 48px!important;
    margin-top: 0
}

.mainBox .main .mainLeft .mainLeftTitle .content {
    float: left;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 30px
}

.mainBox .main .mainLeft .mainLeftTitle .content p {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 18px;
    color: #333;
    margin-bottom: 30px;
    line-height: 32px;
    display: inline-block
}

.mainBox .main .mainLeft .mainLeftTitle .content p img {
    max-width: 750px;
    margin: 0 auto 30px;
    display: block
}

.mainBox .main .mainLeft .mainLeftTitle .content>img {
    max-width: 750px;
    margin-bottom: 30px
}

.mainBox .main .mainLeft .mainLeftTitle .content b,
.mainBox .main .mainLeft .mainLeftTitle .content strong {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 700
}

.mainBox .main .mainRight {
    float: left;
    width: 320px;
    margin-top: 40px
}

.mainBox .main .mainRight .mainRightMore {
    float: left;
    width: 100%;
    border: 1px solid #e8e8e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 0
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTop {
    float: left;
    width: 280px;
    margin-left: 20px;
    border-bottom: 1px solid #e8e8e8
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTop div:first-child {
    float: left;
    width: 80px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTop div:first-child img {
    width: 80px;
    height: 80px;
    border-radius: 20px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTop div:last-child {
    float: left;
    margin-left: 15px;
    width: 185px;
    padding-bottom: 25px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTop div:last-child p {
    font-size: 18px;
    color: #333;
    float: left;
    width: 100%;
    margin-top: 10px;
    line-height: 18px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTop div:last-child strong {
    font-size: 14px;
    color: #999;
    float: left;
    width: 100%;
    margin-top: 10px;
    line-height: 14px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTop div:last-child a {
    font-size: 14px;
    color: #333;
    float: left;
    margin-top: 15px;
    width: 90px;
    height: 36px;
    line-height: 36px;
    background: #ffd400;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: .1s;
    transition: .1s
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTop div:last-child a:hover {
    background: #ffe669;
    -webkit-transition: .1s;
    transition: .1s
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTopInd {
    float: left;
    width: 280px;
    margin-left: 20px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTopInd div:first-child {
    float: left;
    width: 80px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTopInd div:first-child img {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTopInd div:last-child {
    float: left;
    margin-left: 15px;
    width: 185px;
    padding-bottom: 25px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTopInd div:last-child p {
    font-size: 18px;
    color: #333;
    float: left;
    width: 100%;
    margin-top: 18px;
    line-height: 18px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTopInd div:last-child strong {
    font-size: 14px;
    color: #4c7aad;
    float: left;
    width: 100%;
    margin-top: 10px;
    line-height: 14px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTopInd div:last-child a {
    font-size: 14px;
    color: #333;
    float: left;
    margin-top: 15px;
    width: 90px;
    height: 36px;
    line-height: 36px;
    background: #ffd400;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: .1s;
    transition: .1s
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreTopInd div:last-child a:hover {
    background: #ffe669;
    -webkit-transition: .1s;
    transition: .1s
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBott {
    float: left;
    width: 280px;
    margin-left: 20px;
    margin-top: 20px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBott p {
    font-size: 16px;
    color: #333;
    float: left;
    width: 100%
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBott p a {
    font-size: 14px;
    color: #999;
    float: right
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBott span {
    float: left;
    width: 280px;
    margin-top: 20px;
    margin-bottom: 25px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBott span a {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 20px
}

.gokTabBox .gokTabIntroduce div:nth-child(2n),
.mainBox .main .mainRight .mainRightMore .mainRightMoreBott span a:last-child {
    margin-right: 0
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBott span a img {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 15px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBott span a p {
    float: left;
    width: 80px;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 14px;
    margin-top: 10px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBottInd {
    float: left;
    width: 280px;
    margin-left: 20px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBottInd span {
    float: left;
    padding-top: 20px;
    width: 100%;
    overflow: hidden
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBottInd span a {
    float: left;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBottInd span a:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ccc;
    display: inline-block;
    float: left;
    margin-top: 8px;
    margin-right: 7px
}

.mainBox .main .mainRight .mainRightMore .mainRightMoreBottInd span a:last-child {
    margin-bottom: 0
}

.mainBox .main .mainRight .mainRightRelated {
    float: left;
    width: 100%;
    margin-top: 30px
}

.mainBox .main .mainRight .mainRightRelated>p {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    height: 20px;
    line-height: 20px
}

.mainBox .main .mainRight .mainRightRelated>p:before {
    content: "";
    height: 20px;
    background-color: #ffd400;
    width: 4px;
    float: left;
    margin-right: 17px
}

.mainBox .main .mainRight .mainRightRelated div {
    float: left;
    width: 100%
}

.mainBox .main .mainRight .mainRightRelated div a {
    float: left;
    width: 100%;
    margin-top: 15px
}

.mainBox .main .mainRight .mainRightRelated div a span:first-child {
    float: left;
    width: 130px;
    height: 73px;
    position: relative
}

.mainBox .main .mainRight .mainRightRelated div a span:first-child img {
    float: left;
    width: 130px;
    height: 73px
}

.mainBox .main .mainRight .mainRightRelated div a span:first-child em {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 38px;
    height: 16px;
    background: rgba(0, 0, 0, .5);
    display: inline-block;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    -webkit-transition: .2s;
    transition: .2s
}

.mainBox .main .mainRight .mainRightRelated div a span:first-child i {
    position: absolute;
    left: 45px;
    top: 24px;
    width: 40px;
    height: 26px;
    background: #ffd400;
    text-align: center;
    border-radius: 50px;
    line-height: 26px;
    font-size: 12px;
    text-indent: 5px;
    opacity: 0
}

.mainBox .main .mainRight .mainRightRelated div a span:last-child {
    float: left;
    width: 180px;
    padding-left: 10px;
    height: 73px;
    -webkit-transition: .2s;
    transition: .2s
}

.mainBox .main .mainRight .mainRightRelated div a span:last-child p {
    font-size: 16px;
    color: #333
}

.mainBox .main .mainRight .mainRightRelated div a span:last-child strong {
    color: #999;
    font-size: 12px
}

.mainBox .main .mainRight .mainRightRelated div a:hover span:first-child em {
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.mainBox .main .mainRight .mainRightRelated div a:hover span:first-child i {
    option: 1;
    -webkit-transition: .2s;
    transition: .2s
}

.mainBox .main .mainRight .mainRightRelated div a:hover span:last-child {
    background: #f8f8f8;
    -webkit-transition: .2s;
    transition: .2s
}

.gokIntroduce {
    width: 100%;
    margin-top: 80px;
    position: relative;
    height: 480px;
}

.gokIntroduce>img {
    float: left;
    width: 100%
}

.gokIntroduce i {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    text-align: center;
    display: inline-block
}

.gokIntroduce i img {
    width: 150px;
    height: 150px;
    display: inline-block
}

.gokIntroduce p {
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 24px;
    top: 240px
}

.gokIntroduce span {
    position: absolute;
    top: 290px;
    left: 0;
    width: 100%;
    text-align: center;
    display: inline-block
}

.gokIntroduce span strong {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #999
}

.gokTabBox {
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding-bottom: 50px
}

.gokTabBox .gokTab {
    height: 66px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 30px;
    text-align: center;
    line-height: 66px
}

.gokTabBox .gokTab span a {
    color: #333;
    font-size: 18px;
    height: 64px;
    line-height: 64px;
    display: inline-block
}

.gokTabBox .gokTab span a:first-child {
    margin-right: 150px
}

.gokTabBox .gokTab span a.btn {
    color: #ec6a19;
    border-bottom: 3px solid #ffd400
}

.gokTabBox .gokTabContent {
    margin: 0 auto;
    width: 1200px
}

.gokTabBox .gokTabContent .gokTabContentTab {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 10px
}

.gokTabBox .gokTabContent .gokTabContentTab a {
    font-size: 18px;
    color: #999;
    position: relative
}

.gokTabBox .gokTabContent .gokTabContentTab a:first-child:after {
    content: "/";
    color: #999;
    margin: 0 25px
}

.gokTabBox .gokTabContent .gokTabContentTab a.btn {
    color: #ec6a19
}

.gokTabBox .gokTabContent .gokTabContentTab a.btn:before {
    position: absolute;
    content: "";
    width: 38px;
    height: 4px;
    background: #ffd400;
    bottom: -10px;
    left: 0
}

.gokTabBox .gokTabContent .list a {
    border: 1px solid #e8e8e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gokTabBox .gokTabIntroduce {
    margin: 0 auto;
    width: 1200px
}

.gokTabBox .gokTabIntroduce div,
.gokTabBox .gokTabIntroduce div img {
    width: 585px;
    height: 250px;
    float: left
}

.gokTabBox .gokTabIntroduce div {
    position: relative;
    margin-right: 30px;
    margin-bottom: 30px
}

.gokTabBox .gokTabIntroduce div span {
    position: absolute;
    width: 320px;
    left: 262px;
    top: 0
}

.gokTabBox .gokTabIntroduce div span p {
    float: left;
    width: 100%;
    margin-top: 30px;
    font-size: 24px;
    color: #333;
    line-height: 24px
}

.gokTabBox .gokTabIntroduce div span strong {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #4c7aad;
    margin-top: 20px;
    line-height: 18px;
    margin-bottom: 10px
}

.gokTabBox .gokTabIntroduce div span em {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    line-height: 18px
}

.gokTabBox .gokTabIntroduce div span sub {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #666;
    margin-top: 20px;
    line-height: 18px
}

.gokTabBox+.footerBox {
    margin-top: 0!important
}

.listTab {
    float: left;
    width: 100%;
    display: inline-block;
    text-align: center;
    height: 60px;
    margin-top: 10px
}

.listTab span {
    display: inline-block;
    text-align: center
}

.listTab span a {
    font-size: 20px;
    color: #999
}

.listTab span a.btn {
    color: #000;
    position: relative
}

.listTab span a.btn:before {
    content: "";
    width: 100%;
    height: 3px;
    background: #ffd400;
    display: inline-block;
    position: absolute;
    bottom: -10px
}

.listTab span em {
    font-size: 20px;
    color: #999;
    margin: 0 25px
}